<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>干货踢馆到你家</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <style>
    body{
      margin: 0;
      padding: 0;
      background: url(img/other/error.jpg) #2dbfbf no-repeat top center/100% auto;
    }
    .xl{
      position: absolute;
      width:100%;
      font-size: 16px;
      color: #FFF;
      top: 15rem;
      left: 0;
      text-align: center;
    }
    .ph{
      position: absolute;
      display: block;
      width: 5.7rem;
      height: 2rem;
      top: 18.4rem;
      left: 6.5rem;
    }
  </style>
</head>
<body>
  <span class="xl">序列号：1235dd45</span>
  <a class="ph" href="tel:400-6666-225"></a>
<script>
!function () {
  var docEl = document.documentElement,
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function() {
        docEl.style.fontSize = 20*(docEl.clientWidth/375)+'px';
      };
  window.addEventListener(resizeEvt, recalc, false);
  document.addEventListener('DOMContentLoaded', recalc, false);
}();
</script>
</body>
</html>